.detail_wrapper{
    .detail_container{
        .detail_header{
            padding:20px 50px;
            box-sizing: border-box;
            position: relative;
            &:before{
                content: " ";
                position: absolute;
                left: 0;
                right: 0;
                bottom: 0;
                top: 0;
                z-index:-1;
                background-color: rgba(0,0,0,.5);
            }
            &_info{
              display: flex;
              .sub_info_cover{
                width:200px;
                height:200px;
                  image{
                      width:100%;
                      height:100%;
                      border-radius:10px;
                  }
              }
              .sub_info_content{
                  flex:1;
                  margin-left:20px;
                  display: flex;
                  flex-direction: column;
                  color:#fff;
                  font-size:18px;
                  .sub_info_creator{
                      display:flex;
                      align-items: center;
                      margin-top:10px;
                      image{
                          width:50px;
                          height:50px;
                          border-radius: 50%;
                      }
                  }
                  .sub_info_mark{
                      width:100%;
                      display: grid;
                      grid-template-columns: 1fr 1fr;
                      grid-gap: 20px;
                      margin-top:10px;
                      &_btn{
                        width:100%;
                        display:flex;
                        align-items: center;
                        justify-content: center;
                        padding:15px;
                        box-sizing: border-box;
                        background:#fff;
                        border-radius: 5px;
                        color:#000;
                        font-size:20px;
                      }
                  }
              }
            }
        }
        .detail_summary{
            display:flex;
            flex-direction: column;
            width:100%;
        }
    }
}